{include file='../../../PublicView/include.html'}
<script src="/assets/shopmanage/event_step3.js"></script>
<script src="/assets/shopmanage/gamewg.js"></script>
<div class="taeapp admin-table" cellpadding="0" cellspacing="0" border="0">
        <div class="taeapp admin-table-side  tips tips-small tips-notice tips-no-icon">
            <!--菜单部分-->
            <div class="taeapp admin-nav">
			{include file='../../../PublicView/shopleft.html'}
			</div>
            <!--菜单部分-->
        </div>
        <div class="taeapp admin-table-main">
            <!--内容部分-->
				<ul class="breadcrumb">
					<li><a href="/">互动到店</a> <span class="divider">/</span></li>
					<li>活动管理 <span class="divider">/</span></li>
					<li class="active">{$title}</li>
				</ul>
		
			<!--内容部分-->
			{include file='../../../PublicView/showmessage.html'}
			<div class="row">
			  <div class="panel">
			  <div class="panel-header">
				<h3>外观设置</h3>
			  </div>
			  <div class="panel-body clearfix">
				<form method="post" action="/?a=gamewg_save&m=Shopmanage">
					<div class="form-horizontal">
						<div class="row">
						{if $curtool=="dices"}
						<div class="control-group span20">
							<label class="control-label">奖品绑定<br /><span class="js-sys {if $bg_open == 0 }hide{/if}">（不生效）</span></label>
							<div class="controls control-row-auto span14  span-width">
									<div class="well">
										<div class="row control-row5 centered">
											您选择的是大富翁外观，可以“绑定奖品”
											<a href="/?a=bandcfg&m=Shopmanage&c=frontcfg" class="button button-info js-giftband" >奖品绑定</a> 
										</div>
									</div>
							</div>
							</div>
						{/if}
						
							<div class="control-group span20">
							<label class="control-label">动画设置：</label>
							<div class="controls control-row-auto span14  span-width">
									<div class="well">
										<div class="row control-row5 centered">
											没有机会时会不会转？
											<button type="button" class="button button-small {if $bg_open == 1 }button-danger{/if} js-animon">会转</button> <button type="button" class="button button-small {if $bg_open == 0 }button-danger{/if} js-animoff">不会转</button>
										<span class="x-icon x-icon-mini x-icon-info helper" data-tip="在没有抽奖机会的情况下，大转盘会不会转、金蛋能不能被砸开的设置。这里设置“会转”，则砸蛋、转盘、掷骰子等就算没有机会，也会先转起来，再提示用户没有机会。这里设置不会转，则直接提示用户没有机会。">?</span>
												</span>
										</div>
									</div>
							</div>
							</div>
							<div class="control-group span20">
							<label class="control-label">系统外观<br /><span class="js-sys {if $bg_open == 0 }hide{/if}">（不生效）</span></label>
							<div class="controls control-row-auto span14  span-width">
									<div class="well">
										<div class="row control-row5 centered">
											<a href="{$bg}" target="_blank"><img src="{$bg}_480x480.jpg" /></a>
											<span class="x-icon x-icon-mini x-icon-info helper" data-tip="系统外观。要更改系统外观，必须重新选择活动类型。<br />自定义外观可以根据系统外观修改，点击<a href='{$bg}' target='_blank'>这里下载</a>">?</span>
										</div>
									</div>
							</div>
							</div>
												
							<div class="control-group span20">
							<label class="control-label">自定义外观{if $bg_open == 0 }<br /><span class="js-own {if $bg_open == 1 }hide{/if}">（不生效）</span>{/if}</label>
							<div class="controls control-row-auto span14  span-width">
									<div class="well">
										<div class="row control-row2 centered">
											<span class="auxiliary-text offset1">
												<button type="button" class="button button-danger js-imgup" data-imgkey="2">上传</button> 请点击图片上传您的背景图。
											</span>
										</div>
									<div class="control-group centered">
												<div class=" clearfix">
												<div class="grid hide">
														<a href="javascript:void(0)" class="g-u ks-uploader-button defaultTheme-button"><span class="btn-text">上传文件</span><div class="file-input-wrapper" style="overflow: hidden;"><input type="file" name="userfile" hidefocus="true" class="file-input"></div></a>
														<input type="hidden"  class="J_Urls imgurl2" name="urls" value="{$bg_own|default:"http://img01.taobaocdn.com/imgextra/i1/27390555/TB2CR.eaFXXXXcZXXXXXXXXXXXX-27390555.gif"}">
												</div>
												<span class="upImage2">
												<img class="js-imgup" src="{$bg_own|default:"http://img01.taobaocdn.com/imgextra/i1/27390555/TB2CR.eaFXXXXcZXXXXXXXXXXXX-27390555.gif"}_480x480.jpg">
												<span class="x-icon x-icon-mini x-icon-info helper" data-tip="自定义外观。这里是自定义外观的背景图片，设计好背景图以后在这里点击红色上传按钮。<br />自定义外观可以根据系统外观修改，点击<a href='{$bg}' target='_blank'>这里下载</a>">?</span>
												</span>
												</div>
											</div>
											<ul id="J_UploaderQueue" style="position: fixed;border: 1px #D8D8D8 solid;bottom: 0;right: 0;background: #F0F9FF;padding: 2px;" class="ks-uploader-queue defaultTheme-queue"></ul>
									</div>
							</div>
							</div>
							</div>
							<div class="control-group span20">
							<label class="control-label">自定义总开关：</label>
							<div class="controls control-row-auto span14  span-width">
									<div class="well">
										<div class="row control-row5 centered">
											<button type="button" class="button {if $bg_open == 1 }button-danger{/if} js-open">{if $bg_open == 1 }已{/if}启用</button> <button type="button" class="button {if $bg_open == 0 }button-danger{/if} js-close">{if $bg_open == 0 }已{/if}禁用</button>
										<span class="x-icon x-icon-mini x-icon-info helper" data-tip="自定义外观总开关。点击禁用按钮则使用系统外观，点击启用按钮使用自定义外观">?</span>
												</span>
										</div>
									</div>
							</div>
							</div>
							<div class="control-group span20">
							<label class="control-label">自定义参数</label>
							<div class="controls control-row-auto span14  span-width">
									<div class="well">
										<div class="control-group">
												<label class="control-label">倒计时设置：</label>
												<div class="controls">
													左边距<input type="text" data-default="{$default_cfg.contdown.left}" class="span2 span-width control-text contdown-left form"  value="{$front_cfg.contdown.left|default:'5'|replace:"px":""}">像素(px)
													上边距<input type="text" data-default="{$default_cfg.contdown.top}" class="span2 span-width control-text contdown-top form" value="{$front_cfg.contdown.top|default:'148'|replace:"px":""}">像素(px)
													隐藏<input type="checkbox" {if $front_cfg.contdown.visibility=='hidden'}checked='checked'{/if} class="form contdown-hide">
													<span class="x-icon x-icon-mini x-icon-info helper" data-tip="<a href='http://img01.taobaocdn.com/imgextra/i1/27390555/TB2wsnZbpXXXXabXXXXXXXXXXXX-27390555.jpg' target='_blank'><img src='http://img01.taobaocdn.com/imgextra/i1/27390555/TB2wsnZbpXXXXabXXXXXXXXXXXX-27390555.jpg_760x760.jpg'/></a>">?</span>
													</span>
												</div>
										</div>
										<div class="control-group">
												<label class="control-label">奖品列表：</label>
												<div class="controls">
													<span style="color:red">右</span>边距<input type="text" class="span2 span-width control-text form gift-right" value="{$front_cfg.gift.right|default:'60'|replace:"px":""}">像素(px)
													上边距<input type="text" class="span2 span-width control-text form gift-top"  value="{$front_cfg.gift.top|default:'80'|replace:"px":""}">像素(px)
													隐藏<input type="checkbox" {if $front_cfg.gift.visibility=='hidden'}checked='checked'{/if} class="form gift-hide" >
													<span class="x-icon x-icon-mini x-icon-info helper" data-tip="<a href='http://img04.taobaocdn.com/imgextra/i4/27390555/TB2qZDWbpXXXXbdXXXXXXXXXXXX-27390555.jpg' target='_blank'><img src='http://img04.taobaocdn.com/imgextra/i4/27390555/TB2qZDWbpXXXXbdXXXXXXXXXXXX-27390555.jpg_760x760.jpg'/></a>">?</span>
													</span>
												</div>
										</div>
										<div class="control-group">
												<label class="control-label">“我的抽奖”按钮：</label>
												<div class="controls">
													<span style="color:red">右</span>边距<input type="text" class="span2 span-width control-text form mywin-right" value="{$front_cfg.mywin.right|default:'20'|replace:"px":""}">像素(px)
													上边距<input type="text" class="span2 span-width control-text form mywin-top"  value="{$front_cfg.mywin.top|default:'160'|replace:"px":""}">像素(px)
													隐藏<input type="checkbox" {if $front_cfg.mywin.visibility=='hidden'}checked='checked'{/if} class="form mywin-hide" >
													<span class="x-icon x-icon-mini x-icon-info helper" data-tip="<a href='http://img02.taobaocdn.com/imgextra/i2/27390555/TB25vYMbpXXXXciXpXXXXXXXXXX-27390555.jpg' target='_blank'><img src='http://img02.taobaocdn.com/imgextra/i2/27390555/TB25vYMbpXXXXciXpXXXXXXXXXX-27390555.jpg_760x760.jpg'/></a>">?</span>
													</span>
												</div>
										</div>
										<div class="control-group">
												<label class="control-label">三个公告按钮：</label>
												<div class="controls">
													<span style="color:red">右</span>边距<input type="text" class="span2 span-width control-text form gg-right" value="{$front_cfg.gg.right|default:'120'|replace:"px":""}">像素(px)
													上边距<input type="text" class="span2 span-width control-text form gg-top" value="{$front_cfg.gg.top|default:'160'|replace:"px":""}">像素(px)
													隐藏<input type="checkbox" {if $front_cfg.gg.visibility=='hidden'}checked='checked'{/if} class="form gg-hide" >
													<span class="x-icon x-icon-mini x-icon-info helper" data-tip="<a href='http://img03.taobaocdn.com/imgextra/i3/27390555/TB2fy6ObpXXXXX4XpXXXXXXXXXX-27390555.jpg' target='_blank'><img src='http://img03.taobaocdn.com/imgextra/i3/27390555/TB2fy6ObpXXXXX4XpXXXXXXXXXX-27390555.jpg_760x760.jpg'/></a>">?</span>
													</span>
												</div>
										</div>
										<div class="control-group">
												<label class="control-label">中奖信息设置：</label>
												<div class="controls">
													<span style="color:red">右</span>边距<input type="text" class="span2 span-width control-text form win-right" value="{$front_cfg.win.right|default:'40'|replace:"px":""}">像素(px)
													<span style="color:red">下</span>边距<input type="text" class="span2 span-width control-text form win-bottom"  value="{$front_cfg.win.bottom|default:'54'|replace:"px":""}">像素(px)
													隐藏<input type="checkbox" {if $front_cfg.win.visibility=='hidden'}checked='checked'{/if} class="form win-hide" >
													<span class="x-icon x-icon-mini x-icon-info helper" data-tip="<a href='http://img02.taobaocdn.com/imgextra/i2/27390555/TB23VrPbpXXXXXEXpXXXXXXXXXX-27390555.jpg' target='_blank'><img src='http://img02.taobaocdn.com/imgextra/i2/27390555/TB23VrPbpXXXXXEXpXXXXXXXXXX-27390555.jpg_760x760.jpg'/></a>">?</span>
													</span>
												</div>
										</div>
										<div class="control-group">
												<label class="control-label">购物车按钮：</label>
												<div class="controls control-row-auto span10">
													<div class="control-row1">左边距<input type="text" class="span2 span-width control-text form cart-left" value="{$front_cfg.cart.left|default:'60'|replace:"px":""}">像素(px)
													上边距<input type="text" class="span2 span-width control-text form cart-top" value="{$front_cfg.cart.top|default:'260'|replace:"px":""}">像素(px)
													
													<span class="x-icon x-icon-mini x-icon-info helper" data-tip="<a href='http://img01.taobaocdn.com/imgextra/i1/27390555/TB25s_ObpXXXXX8XpXXXXXXXXXX-27390555.gif' target='_blank'><img src='http://img01.taobaocdn.com/imgextra/i1/27390555/TB25s_ObpXXXXX8XpXXXXXXXXXX-27390555.gif_760x760.jpg'/></a>">?</span>
													</span>
													</div>
													<div class="control-row1">宽度<input type="text" class="span2 span-width control-text form cart-width" value="{$front_cfg.cart.width|default:'160'|replace:"px":""}">像素(px)
													高度<input type="text" class="span2 span-width control-text form cart-height" value="{$front_cfg.cart.height|default:'37'|replace:"px":""}">像素(px)
													</div>
													<div class="control-row1">图片<input type="text" class="span8 imgurl3 span-width control-text form cart-pic" value="{$front_cfg.cart.background|default:'http://img04.taobaocdn.com/imgextra/i4/27390555/TB26FHAbpXXXXamXpXXXXXXXXXX-27390555.png'}"><button type="button" class="button button-mini button-danger js-imgup" data-imgkey="3">上传</button>
													</div>
													<span class="upImage3">
													<img class="js-imgup" src="{$front_cfg.cart.background|default:'http://img04.taobaocdn.com/imgextra/i4/27390555/TB26FHAbpXXXXamXpXXXXXXXXXX-27390555.png'}">
													</span>
													
												</div>
										</div>
										
										<div class="control-group">
												<label class="control-label">抽奖按钮：</label>
												<div class="controls control-row-auto span10">
													<div class="control-row1">左边距<input data-default="{$default_cfg.action.left}" type="text" class="span2 span-width control-text form action-left" value="{$front_cfg.action.left|default:'415'|replace:"px":""}">像素(px)
													上边距<input type="text" data-default="{$default_cfg.action.top}" class="span2 span-width control-text form action-top" value="{$front_cfg.action.top|default:'118'|replace:"px":""}">像素(px)
													{if $curtool=="eggs"}
													<span class="x-icon x-icon-mini x-icon-info helper" data-tip="<a href='http://img02.taobaocdn.com/imgextra/i2/27390555/TB2QP30bpXXXXaXXpXXXXXXXXXX-27390555.png' target='_blank'><img src='http://img03.taobaocdn.com/imgextra/i3/27390555/TB2_mg4bpXXXXbyXXXXXXXXXXXX-27390555.jpg_760x760.jpg'/></a>">?</span>
													</span>
													{else}
													<span class="x-icon x-icon-mini x-icon-info helper" data-tip="<a href='http://img02.taobaocdn.com/imgextra/i2/27390555/TB2g.jTbpXXXXbOXXXXXXXXXXXX-27390555.jpg' target='_blank'><img src='http://img02.taobaocdn.com/imgextra/i2/27390555/TB2g.jTbpXXXXbOXXXXXXXXXXXX-27390555.jpg_760x760.jpg'/></a>">?</span>
													</span>
													{/if}
													</div>
													<div class="control-row1">宽度<input  data-default="{$default_cfg.action.width}" type="text" class="span2 span-width control-text form action-width" value="{$front_cfg.action.width|default:'100'|replace:"px":""}">像素(px)
													高度<input type="text" data-default="{$default_cfg.action.height}" class="span2 span-width control-text form action-height" value="{$front_cfg.action.height|default:'100'|replace:"px":""}">像素(px)
													</div>
													<div class="control-row1">图片<input data-default="{$default_cfg.action.background}" type="text" class="span8 imgurl1 span-width control-text form action-pic" value="{$front_cfg.action.background|default:'http://img02.taobaocdn.com/imgextra/i2/27390555/TB2WhpOaXXXXXcTXXXXXXXXXXXX-27390555.png'}"><button type="button" class="button button-mini button-danger js-imgup" data-imgkey="1">上传</button>
													</div>
													<span class="upImage1">
													<img class="js-imgup" src="{$front_cfg.action.background|default:'http://img02.taobaocdn.com/imgextra/i2/27390555/TB2WhpOaXXXXXcTXXXXXXXXXXXX-27390555.png'}">
													</span>
												</div>
										</div>
										<div class="control-group control-row3">
												<label class="control-label">代码：</label>
												<div class="controls">
													<textarea name="code" id="" class="input-large js-code"></textarea>
													<span class="x-icon x-icon-mini x-icon-info helper" data-tip="最终保存的外观配置代码。支持通用的css规则，参考这里生成的代码可以设置其他css属性。数据含义：contdown：倒计时；gift：奖品列表；mywin：我的奖品；gg：三个公告按钮（活动公告 抽奖规则 兑奖方式）；win：中奖名单；action：抽奖按钮；cart：购物车按钮">?</span>
												</div>
										</div>
										<div class="row control-row5 centered">
											<button type="button" class="button button-small js-readdefault">读取默认参数</button> 
										</div>
									</div>
							</div>
							</div>
							<div class="form-actions centered ">
								<button type="submit" class="button button-primary">保存</button>
								<button type="reset" class="button">重置</button>
							</div>
						</div>
					</div>
				</form>
			  </div>
			  </div>
			</div>
							
			<input type="hidden" class="type" value="{$type|default:0}" />
        <!--内容部分-->
        </div>
</div>